body{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
*{
     font-family: 'Noto Serif SC', serif;
}
/* 滚动条样式优化（仅WebKit浏览器，默认隐藏+滚动时显示） */
/* 1. 基础滚动条：默认收缩宽度为0（完全隐藏），添加过渡 */
::-webkit-scrollbar {
  width: 0px;    /* 默认宽度0，隐藏滚动条 */
  height: 0px;   /* 水平滚动条同理 */
  transition: width 0.3s ease, height 0.3s ease; /* 宽度变化过渡，实现平滑显示/隐藏 */
}

/* 2. 当滚动容器有滚动行为 或 鼠标悬浮时，展开滚动条宽度 */
/* 适配搜索结果区域、搜索建议列表等所有滚动容器 */
.search-content:hover::-webkit-scrollbar,
.search-content:focus::-webkit-scrollbar,
.search-content:active::-webkit-scrollbar,
.suggest-list:hover::-webkit-scrollbar,
.suggest-list:focus::-webkit-scrollbar,
.suggest-list:active::-webkit-scrollbar,
/* 若有其他滚动容器，可继续添加类名 */
.herbal-search-page:hover::-webkit-scrollbar {
  width: 6px;  /* 滚动时显示的宽度 */
  height: 6px; /* 水平滚动条显示高度 */
}

/* 3. 滚动条轨道样式（仅在滚动条显示时可见） */
::-webkit-scrollbar-track {
  background: #F5F0EB;
  border-radius: 3px;
}

/* 4. 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background: #D4C8B8;
  border-radius: 3px;
  transition: background 0.2s ease;
}

/* 5. 滑块 hover 效果 */
::-webkit-scrollbar-thumb:hover {
  background: #8B5A2B;
}

/* 6. 非WebKit浏览器兼容（可选，如Firefox） */
.search-content, .suggest-list {
  scrollbar-width: thin; /* 火狐：细滚动条 */
  scrollbar-color: transparent transparent; /* 默认透明（隐藏） */
  transition: scrollbar-color 0.3s ease;
}
/* 火狐：悬浮/滚动时显示滚动条颜色 */
.search-content:hover, 
.suggest-list:hover {
  scrollbar-color: #D4C8B8 #F5F0EB; /* 滑块颜色 轨道颜色 */
}